<template>
  <div>
    <div>
      <mt-header title="常用信息信息">
        <mt-button icon="back" slot="left" @click="goBack()">返回</mt-button>
      </mt-header>
    </div>
    <div class="user-head">
      <mt-cell is-link @click.native="goCommoncontacts()">
        <span slot="title">常用联系人</span>
        <img slot="icon" src="../../assets/images/tool/personmanagement.png" width="20" height="20">
      </mt-cell>
      <mt-cell is-link @click.native="goCommonaddress()">
        <span slot="title">常用地址</span>
        <img slot="icon" src="../../assets/images/tool/address.png" width="20" height="20">
      </mt-cell>
      <mt-cell is-link @click.native="goAccountsecurity()">
        <span slot="title">报销凭证</span>
        <img slot="icon" src="../../assets/images/tool/receiptshoppingstreamline.png" width="20" height="20">
      </mt-cell>
    </div>
  </div>
</template>
<script>
import axios from "axios";

export default {
  data() {
    return {};
  },
  props: {},
  watch: {},
  mounted() {
    this.$store.dispatch("changePage", { title: "4" });
  },
  created() {
    // 该方法用来更改tabbarshow的值 用来 展示、隐藏底部 tabbar (boolean为0 展示、boolean为1 隐藏)
    this.$store.dispatch("showTabbar", { boolean: "1" });
  },
  methods: {
    goBack() {
      this.$store.dispatch("showTabbar", { boolean: "0" });
      history.go(-1);
    },
    goCommoncontacts() {
      this.$router.push({ path: "/commoncontacts" });
    },
    goCommonaddress() {
      this.$router.push({ path: "/commonaddress" });
    }
  }
};
</script>
<style scoped>

</style>